<template>
    <!-- <image src="../../static/background_image.png" mode="aspectFill"></image> -->
	<button class="signup" @click="signup">注册</button>
	<button class="login" @click="login">登录</button>
</template>

<script setup>
import { ref } from 'vue'
const signup = () => {
	uni.navigateTo({
		url: '/pages/signup/signup'
	})
}

const login = () => {
	uni.navigateTo({
		url: '/pages/login/login'
	})
}

</script>

<style lang="scss" scoped>
	page {
		background-image: url(../../static/login_background.png);
		background-repeat: no-repeat;
		background-size: 101% 109%;
		background-position: 0rpx;
	}
	.signup {
		position: absolute;
		bottom: 240rpx;
		left: 120rpx;
		width: 514rpx;
		border-radius: 35rpx;
		color: #FFAD63;
	}
	
	.login {
		position: absolute;
		bottom: 110rpx;
		left: 120rpx;
		width: 514rpx;
		border-radius: 35rpx;
		background-color: #FFAD63;
		color: white;
	}
</style>
